<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>JQuery 对象访问</title>
<script type="text/javascript" src="js/jquery-1.5.js"></script>
<script type="text/javascript">
	//1.each(callback)
	//以每一个匹配的元素作为上下文来执行一个函数。
	$(function(){
		$("input:checkbox").each(function(i){
				//此处this对象为DOM对象。
				this.checked = true;
				//此处为JQuery对像。
				$(this).size();
			}
		);
	});
	$(function(){
		$("input:button").click(function () { 
			$("div").each(function (index, domEle) { 
	 			// domEle == this 
	  			$(domEle).css("backgroundColor", "yellow");  
	  			if ($(this).is("#stop")) { 
	  				$("span").text("Stopped at div index #" + index); 
	 					return false; 
	  			} 
			});
		});
	});
	//2.size(),length   返回值:Number
	//当前匹配的元素个数。
	//$(function(){
		//alert($("input").size());
	//});
	
	//3.get()  返回值:Array<Element>
	//取得所有匹配的 DOM 元素集合。
	//$(function(){
	//	alert($("input").get());
	//});
	
	//4.get(index)  返回值:Element
	$(function(){
		//返回值为DOM对象
		alert($("input").get(2).value);
	});
	
	//5.index([subject])  返回值:Number
	//搜索匹配的元素，并返回相应元素的索引值，从0开始计数。
	$(function(){
		$('li').index(document.getElementById('bar')); //1，传递一个DOM对象，返回这个对象在原先集合中的索引位置
		$('li').index($('#bar')); //1，传递一个jQuery对象
		$('li').index($('li:gt(0)')); //1，传递一组jQuery对象，返回这个对象中第一个元素在原先集合中的索引位置
		$('#bar').index('li'); //1，传递一个选择器，返回#bar在所有li中的做引位置
		$('#bar').index(); //1，不传递参数，返回这个元素在同辈中的索引位置。
	});
</script>
</head>
<body>
<input type="checkbox" />
<br/>
<input type="checkbox" />
<br/>
<input type="button" value ="Change colors" >
<span></span> 
<div></div> 
<div></div>

<div></div> 
<div></div>
<div id="stop">Stop here</div> 
<div></div>

<div></div>
<div></div>
<br/>
<ul>
  <li id="foo">foo</li>
  <li id="bar">bar</li>
  <li id="baz">baz</li>
</ul>
</body>
</html>